<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style>
        /*p[name]{*/
        /*    color:red;*/
        /*}*/
        /*p[name='p1']{*/
        /*    color:red;*/
        /*}*/
        /*p[name^='p']{*/
        /*    color:red;*/
        /*}*/
        /*p[name$='1']{*/
        /*    color:red;*/
        /*}*/
        p[name*='p'] {
            color: red;
        }

        div[name='d1'] {
            color: red;
        }

        div span {
            color: green;
        }
    </style>
</head>
<body>
<p name="p1">第1个段落</p>
<p name="p1">第2个段落</p>
<p name="p3">第3个段落</p>
<p>第4个段落</p>
<p name="sp1">第5个段落</p>
<hr>
<div name="d1">
    <span>这是span</span>
    <p>这是段落</p>
    <div>这是div</div>
</div>
</body>
</html>